﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<title></title>
	<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />
    <%--Custom Styles--%>
    <style type="text/css">
        .style1
        {
            width: 32%;
        }
        .style2
        {
            width: 143px;
            text-align: left;
        }
        .style3
        {
            width: 380px;
        }
        .style4
        {
            color: #FFFFFF;
        }
        .style5
        {
            width: 143px;
            text-align: center;
        }

        .loginBackground
        {
            background-image: url('Template/Login/login-box-backg.png');    
            width: 485px;
        }

        h3
        {
            color: #FFFFFF;
        }

    </style>

    <link href="Css/messi.css" rel="stylesheet" />
    <script src="Javascript/jquery-1.8.0.min.js"></script>
    <script src="Javascript/messi.js"></script>
    <script src="Javascript/WindowMessagePlugin.js"></script>
</head>
<body>
    <form id="form1" runat="server">
	<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
		<Scripts>
			<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
			<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
			<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
		</Scripts>
	</telerik:RadScriptManager>
	
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableAJAX="true">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="btnEnter">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="txtUsername" />
                    <telerik:AjaxUpdatedControl ControlID="txtPassword" />
                    <telerik:AjaxUpdatedControl ControlID="btnEnter" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
	</telerik:RadAjaxManager>
	 <div align="center">
          <img src="Template/Logo/logo.png" />
      <div class="loginBackground">
          <br />
          <br />
          <br />
          <br />
          <br />
          <table class="style1">
              <tr>
                  <td class="style2">
                      <h3>
                      Usuario:</h3>
                  </td>
                  <td class="style3">
                      <telerik:RadTextBox ID="txtUsername" Runat="server" Font-Size="28px" Height="40px" Width="200px" Skin="Office2010Blue">
                      </telerik:RadTextBox>
                  </td>
              </tr>
              <tr>
                  <td class="style2">
                      <h3>
                      Contraseña:</h3>
                  </td>
                  <td class="style3">
                      <telerik:RadTextBox ID="txtPassword" Runat="server" Font-Size="28px" Height="40px" Width="200px" TextMode="Password">
                      </telerik:RadTextBox>
                  </td>
              </tr>
              <tr>
                  <td class="style5">
                      &nbsp;</td>
                  <td class="style3">
                      <div align="center">
                          <telerik:RadButton ID="btnEnter" runat="server" Text="Entrar" OnClick="btnEnter_Click">
                          </telerik:RadButton>
                      </div>
                  </td>
              </tr>
          </table>
          <br />
          <br />                
          <br />
          <asp:HyperLink ID="HyperLink1" runat="server" CssClass="style4" NavigateUrl="~/ForgotPassword.aspx">¿Olvidó su contraseña?</asp:HyperLink>
          <br />
          <br />    
          <br />
          <br />
          <br />
      </div>      
      </div>          
	</form>
</body>
</html>
